<header>
    <span class="record_icon"><a href="#/personalCenter"><i class="fa fa-angle-left fa-2x"></i></a></span>
    <span class="header_title">个人资料</span>
</header>
<div id="personalData">
    <div class="pd_bac">
        <a href="#" class="hd">
            <span class="hp_text">头像：</span>
            <span class="ico"><i class="fa fa-angle-right fa-2x"></i></span>
            <span class="hp_img"><img src="../img/log.jpg"></span>
        </a>
    </div>
    <div class="pd_bac">
        <a href="#" class="ua">
            <span class="ua_text">账号：</span>
            <span class="ua_ico"><i class="fa fa-angle-right fa-2x"></i></span>
            <span class="ua_con">{{userInfo.userAccount}}</span>
        </a>
    </div>
    <div class="pd_bac">
        <a href="#" class="un">
            <span class="un_text">用户昵称：</span>
            <span class="un_ico"><i class="fa fa-angle-right fa-2x"></i></span>
            <span class="un_con">{{userInfo.nickname}}</span>
        </a>
    </div>
    <div class="pd_bac">
        <a href="#" class="us">
            <span class="us_text">性别：</span>
            <span class="us_ico"><i class="fa fa-angle-right fa-2x"></i></span>
            <span class="us_con">{{userInfo.sex}}</span>
        </a>
    </div>
</div>